<template>
    <div>
      <div class="Site">
        <div class="header">

        </div>
        <div class="Site-content">...</div>
        <div class="footer">...</div>
      </div>
    </div>
</template>

<script>
  export default {
    name: 'Cs2'
  }
</script>

<style scoped>
  .Site {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background-color: red;
  }

  .Site-content {
    flex: 1;
  }
  .header{
    background-color: yellow;
  }
  .footer{
    background-color: #3a8ee6;
  }
</style>
